<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>神灯速贸</title>
        <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta content="telephone=no" name="format-detection" />
        <meta name="msapplication-tap-highlight" content="no"/>
        <link rel="stylesheet" href="../css/public.css">
        <link rel="stylesheet" href="../css/main.css?v=3">
        <script src="../js/zepto.min.js"></script>
        <script src="../js/iscroll.js"></script>
        <script src="../js/main.js"></script>
    </head>
    <body>
	    <header class="header" style="display: block;">
	        <div class="title">询盘详情</div>
	        <a class="btn-back" href="#"><span>贸易订单</span></a>
	        <a class="head-btn-right btn-server" href="#">订单跟踪</a>
	    </header>

	    <div class="container">
	    	<div class="inquiry-page scroll-wrapper active">
		        <div class="inquiry-wrapper scroller">
					<ul class="inquiries">
						<li>
							<div class="inquiry">
								<div class="title">
									XD123456789<span class="order-tag-red">执行中</span>
								</div>
								<div class="inquiry-line">
									<span>服务项目：</span><span class="c-purple block-span">出口贸易代理，出口报关代理，国内运输，仓储运输，俄境运输，仓储</span>
								</div>
								<div class="inquiry-line"><span>服务供应商：</span><span>程林贸易服务有限公司</span></div>
							</div>
						</li>
					</ul>

					<div class="inquiry-detail">
						<div class="order-item inquiry-box">
							<div class="tit">
								关联贸易订单
								<div class="sub-mark">MY1507231328
									<span class="btn-unfold-gray">&nbsp;</span>
								</div>
							</div>
						</div>

						<div class="order-item inquiry-box">
							<div class="tit">
								出口贸易代理
								<div class="sub-mark">价格:
									<span class="c-red">$ 300</span>
								</div>
							</div>
						</div>

						<div class="order-item inquiry-box">
							<div class="tit btn-more-order">
								出口报关代理
								<div class="sub-mark">价格:
									<span class="c-red">$ 300</span>
									<span class="btn-unfold">详情</span>
								</div>
							</div>
							<ul class="inquiries box-unfold">
								<li class="table">
									<div class="cell">
										报关行：
										<span class="c-purple">内蒙古满州丽进出口报关行</span>
									</div>
								</li>
							</ul>
						</div>

						<div class="order-item inquiry-box">
							<div class="tit btn-more-order">
								国内运输
								<div class="sub-mark">价格:
									<span class="c-red">$ 2,300</span>
									<span class="btn-unfold">详情</span>
								</div>
							</div>
							<ul class="inquiries box-unfold">
								<li class="table">
									<div class="cell">
										发货地：
										<span class="c-purple">上海市浦东新区东方路666号</span>
									</div>
								</li>
								<li class="table">
									<div class="cell">
										目的地：
										<span class="c-purple">内蒙古满州丽列宁路36号</span>
									</div>
								</li>
								<li class="table">
									<div class="cell">
										联系人：
										<span class="c-purple">吴思</span>
									</div>
									<div class="cell">
										联系人电话：
										<span class="c-purple">13743238977</span>
									</div>
								</li>
								<li class="table">
									<div class="cell">
										司机：
										<span class="c-purple">Steve Harris</span>
									</div>
									<div class="cell">
										司机电话：
										<span class="c-purple">15907855918</span>
									</div>
								</li>
								<li class="table">
									<div class="cell">
										车型：
										<span class="c-purple">集装箱车（暖车）</span>
									</div>
									<div class="cell">
										车牌号：
										<span class="c-purple">沪B5C586</span>
									</div>
								</li>
								<li class="table">
									<div class="cell">
										车辆载重：
									<span class="c-purple">20吨</span>
									</div>
									<div class="cell">
										车辆体积：
										<span class="c-purple">80m<sup>3</sup></span>
									</div>
								</li>
								<li class="table">
									<div class="cell">
										预计交货日期：
										<span class="c-purple">2015. 07. 01</span>
									</div>
									<div class="cell">
										最晚交货日期：
										<span class="c-purple">2015. 07. 04</span>
									</div>
								</li>
								<li class="table">
									<div class="cell">
										交货方式：
										<span class="c-purple">入库</span>
									</div>
								</li>
							</ul>
						</div>

						<div class="order-item inquiry-box">
							<div class="tit btn-more-order">
								国内仓储
								<div class="sub-mark">价格:
									<span class="c-red">$ 2,300</span>
									<span class="btn-unfold">详情</span>
								</div>
							</div>
							<ul class="inquiries box-unfold">
								<li class="table">
									<div class="cell">
										普通库：
										<span class="c-purple">5,000m<sup>3</sup></span>

									</div>
									<div class="cell">
										存放时间：
										<span class="c-purple">7天</span>
									</div>
									<div class="cell">
										满洲里库：
										<span class="c-purple">A-8库位</span>
									</div>
								</li>
								<li class="table">
									<div class="cell">
										冷藏库：
										<span class="c-purple">5,000m<sup>3</sup></span>

									</div>
									<div class="cell">
										存放时间：
										<span class="c-purple">7天</span>
									</div>
									<div class="cell">
										满洲里库：
										<span class="c-purple">A-8库位</span>
									</div>
								</li>
								<li class="table">
									<div class="cell">
										暖库：
										<span class="c-purple">5,000m<sup>3</sup></span>

									</div>
									<div class="cell">
										存放时间：
										<span class="c-purple">7天</span>
									</div>
									<div class="cell">
										满洲里库：
										<span class="c-purple">A-8库位</span>
									</div>
								</li>
								<li class="table">
									<div class="cell">
										预计入仓日期：
										<span class="c-purple">2015. 07. 01</span>
									</div>
									<div class="cell">
										最晚出仓日期：
										<span class="c-purple">2015. 07. 04</span>
									</div>
								</li>
							</ul>
						</div>
						
					</div>
				</div>
			</div>
		</div>
 		
		<script type="text/javascript">
			$(function(){
				$(".inquiry-page").height(h - 44);
				var scroller = new IScroll(".inquiry-page");

			    $(".btn-more-order").tap(function(){
			    	var item = $(this).parent()
			    	if(item.hasClass("active")){
			    		$(".order-item").removeClass("active");
			    	} else {
			    		$(".order-item").removeClass("active");
			    		item.addClass("active");
			    	}
			    	scroller.refresh();
			    })
			})
		</script>
    
    </body>
</html>